import React, { Component } from 'react';
// import { usePopper } from 'react-popper';
import { createPopper } from '@popperjs/core';
export default function function_name(props) {
  let ref_button=React.createRef();
  let ref_tooltip=React.createRef();
  React.useEffect(()=>{
      createPopper(ref_button.current, ref_tooltip.current, {
        placement: 'left',
      });
  },[])
  return (
  <div>
    <button ref={ref_button} id="button" aria-describedby="tooltip">I'm a button</button>
    <div id="tooltip" ref={ref_tooltip} role="tooltip">I'm a tooltip</div>
  </div>);
}